// document.addEventListener('DOMContentLoaded', function() {
//     const cartItems = [
//         { name: '商品A', price: 100, image: 'imageA.jpg', quantity: 1 },
//         { name: '商品B', price: 200, image: 'imageB.jpg', quantity: 2 }
//     ];

//     const cartTable = document.getElementById('cartItems');
//     const totalPriceDisplay = document.getElementById('totalPrice');

//     function renderCart() {
//         let total = 0;
//         let tableContent = '';

//         cartItems.forEach(item => {
//             const subtotal = item.price * item.quantity;
//             total += subtotal;
//             tableContent += `
//                 <tr>
//                     <td><img src="${item.image}" alt="${item.name}" style="max-width:50px;"></td>
//                     <td>${item.name}</td>
//                     <td>${item.price}</td>
//                     <td>
//                         <button onclick="changeQuantity(this, -1)">-</button>
//                         ${item.quantity}
//                         <button onclick="changeQuantity(this, 1)">+</button>
//                     </td>
//                     <td>${subtotal}</td>
//                 </tr>
//             `;
//         });

//         cartTable.innerHTML = tableContent;
//         totalPriceDisplay.textContent = total;
//     }

//     function changeQuantity(button, delta) {
//         const row = button.closest('tr');
//         const quantityCell = row.querySelector('td:nth-child(4)');
//         let quantityText = quantityCell.innerText.split(' ').filter(s => !isNaN(s))[0];
//         const newQuantity = parseInt(quantityText) + delta;

//         if (newQuantity >= 1) {
//             quantityText = newQuantity;
//             cartItems.forEach(item => {
//                 if (row.querySelector('td:nth-child(2)').innerText === item.name) {
//                     item.quantity = newQuantity;
//                 }
//             });
//         } else {
//             // 如果数量变为0，删除该行
//             row.remove();
//         }
//         renderCart();
//     }

//     renderCart();
// });